<html>
    <head>
        <link rel="stylesheet" type="text/css" href="./customDialog.css" />

        <script type="text/javascript" src="./jquery-1.7.1.js"></script>

        <script type="text/javascript" src="./customDialog.js"></script>

        <script type="text/javascript">
            $(document).ready(function(){
                //popup("showup");
                $("#dialog-box").myLog({modal:false,width:100,height:100,titleBar:true});
               
                var count=0;
                $("#bt_something").click(function(){
                    $("#dialog-box").myLog("msg",count++);
                    $("#dialog-box").myLog("setTitle",count);
                    $("#dialog-box").myLog("setAutoHide",false);
                    if(count>3){
                        $("#dialog-box").myLog("err",count++);
                    }
                });
			
			
            });
	
            function popup(message){
	
                $('#dialog-box').show();
                // display the message
                $('#dialog-message').html(message);
	
            }
	
	
        </script>


    </head>

    <body>

        <div id="dialog-box">

        </div>

        <button id="bt_something">AddSomething</button>
    </body>
</html>